.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.flexRow {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexCol, .flexRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.flexCol {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.row-left-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-left-middle, .row-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row-left-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-center-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-center-middle, .row-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-right-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-right-middle, .row-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row-right-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-left-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-left-middle, .col-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.col-left-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-center-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-center-middle, .col-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.col-center-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-right-middle, .col-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-right-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-right-bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-bottom, .v-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.v-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4490f1;
    -webkit-box-shadow: 0 10px 20px -10px rgba(73, 144, 241, .5);
    box-shadow: 0 10px 20px -10px rgba(73, 144, 241, .5);
    border-radius: 4px;
    height: 44px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.v-button.white {
    background-color: #fff;
    color: #4490f1;
    -webkit-box-shadow: 0 10px 20px -10px rgba(73, 144, 241, .2);
    box-shadow: 0 10px 20px -10px rgba(73, 144, 241, .2);
    border: 1px solid #4990f1
}

.v-button.white:hover {
    background-color: #fff
}

.v-button.disable {
    background-color: #eee;
    border: 0;
    -webkit-box-shadow: initial;
    box-shadow: none;
    cursor: auto
}

.v-button.disable:hover {
    background-color: #eee
}

.v-button .el-icon-loading {
    margin-right: 5px;
    font-size: 20px
}

.v-button:hover {
    background-color: #2d81f7
}

.v-button.is-loading {
    pointer-events: none;
    opacity: .8
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.v-input:before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    z-index: 1;
    background: #2d81f7;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.v-input.focus:before {
    width: 100%
}

.v-input .el-input__inner {
    border: none;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #eee
}

.v-input .el-input__inner:hover {
    border-bottom-color: #ddd
}

.v-input .el-input__prefix {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.v-input .el-input__prefix, .v-input .el-input__suffix, .v-input .el-input__suffix-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.v-input .el-input__suffix-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

 input::-webkit-input-placeholder {
    color: #ccc
}

 input::-moz-input-placeholder {
    color: #ccc
}

 input::-ms-input-placeholder {
    color: #ccc
}

.mobile-wrapper .input {
    margin-top: 70px
}

.mobile-wrapper .send-button {
    margin-top: 60px
}

.mobile-wrapper .v-input .el-input__inner {
    font-size: 16px
}

.v-input .el-input__inner {
    padding-right: 90px
}

.flexRow {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexCol, .flexRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.flexCol {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.row-left-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-left-middle, .row-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row-left-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-center-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-center-middle, .row-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-right-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-right-middle, .row-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row-right-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-left-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-left-middle, .col-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.col-left-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-center-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-center-middle, .col-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.col-center-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-right-middle, .col-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-right-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.code-wrapper .v-input {
    margin-top: 70px
}

.code-wrapper .v-input .el-input__inner {
    font-size: 16px
}

.code-wrapper .send-button {
    margin-top: 60px
}

.code-wrapper .edit-icon {
    color: #4490f1;
    cursor: pointer;
    margin-left: 5px
}

#wx-login-container {
    width: 220px;
    height: 220px
}

.tips-wrapper {
    text-align: center;
    letter-spacing: 1px
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.flexRow {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexCol, .flexRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.flexCol {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.row-left-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-left-middle, .row-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row-left-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-center-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-center-middle, .row-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-right-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-right-middle, .row-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row-right-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-left-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-left-middle, .col-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.col-left-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-center-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-center-middle, .col-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.col-center-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-right-middle, .col-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-right-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.header-container {
    position: relative;
    z-index: 1000;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    height: 70px
}

.header-container .wrapper, .header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-container .wrapper {
    width: 1200px;
    min-width: 1200px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-container .wrapper .left-wrapper, .header-container .wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-container .wrapper .left-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-container .wrapper .search-wrapper {
    width: 500px
}

.header-container .wrapper .right-wrapper {
    width: 166px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-container .wrapper .right-wrapper .bold {
    font-weight: 700
}

.header-container .wrapper .right-wrapper .user-name-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.header-container .wrapper .right-wrapper .user-name-wrapper .iconfont {
    margin-left: 4px;
    font-size: 14px;
    color: #666
}

.header-container .wrapper .right-wrapper .user-name {
    font-weight: 800;
    color: #333;
    width: 75px;
    display: block !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right
}

 .el-dropdown-menu__item {
    color: #333;
    line-height: 40px !important
}

.el-dropdown-menu {
    border: 0 !important;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 10px 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.el-dropdown-menu__item:not(.is-disabled):hover,  .el-dropdown-menu__item:focus {
    background-color: #fff;
    color: #4490f1
}

.animation-hide {
    -webkit-animation: animation-hide-data-v-c865a8bc .1s ease-in;
    animation: animation-hide-data-v-c865a8bc .1s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.animation-show {
    -webkit-animation: animation-show-data-v-c865a8bc .1s ease-in;
    animation: animation-show-data-v-c865a8bc .1s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes animation-hide-data-v-c865a8bc {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes animation-hide-data-v-c865a8bc {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes animation-show-data-v-c865a8bc {
    0% {
        opacity: 0
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes animation-show-data-v-c865a8bc {
    0% {
        opacity: 0
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

.text {
    margin-left: 10px;
    font-size: 22px
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.code-wrapper .code, .code-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.code-wrapper .code {
    width: 140px;
    height: 140px;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.code-wrapper .code img {
    width: 116px;
    height: 116px
}

.code-wrapper .wechat-code-wrapper {
    margin-left: 5px
}

.code-wrapper .icon {
    color: #00c25f;
    margin-right: 5px
}

.code-wrapper .code-text {
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 21px
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.flexRow {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexCol, .flexRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.flexCol {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.row-left-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-left-middle, .row-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row-left-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-center-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-center-middle, .row-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-right-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-right-middle, .row-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row-right-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-left-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-left-middle, .col-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.col-left-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-center-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-center-middle, .col-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.col-center-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-right-middle, .col-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-right-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.footer-container {
    font-size: 12px;
    background: #fafafa;
    height: 50px;
    line-height: 50px;
    min-width: 1200px
}

.footer-container .wrapper {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-container .wrapper .record {
    color: #bbb
}

.footer-container .wrapper .phone {
    margin-left: 42px
}

.footer-container .wrapper .right {
    width: 341px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#main {
    height: 100%;
    min-width: 1200px
}

#main .main-container {
    height: calc(100% - 120px)
}

#main .main-container .page-component {
    width: 1200px;
    min-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 40px
}

#main .main-code-container {
    position: fixed;
    right: 3px;
    top: 380px;
    z-index: 300
}

#main .main-code-container .close-icon {
    margin: 5px;
    cursor: pointer;
    float: left;
    color: #999
}

#main .main-code-wrapper {
    width: 150px;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04);
    border-radius: 4px 0 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#main .main-code-wrapper .text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9px 22px 9px;
    font-size: 14px
}

#main .main-code-wrapper .text-wrapper .icon {
    color: #00c25f;
    font-size: 24px;
    margin-right: 5px
}

#main .main-code-wrapper .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px
}

#main .main-code-wrapper .code-img {
    width: 120px;
    height: 120px
}

#main .main-code-wrapper .info {
    font-size: 12px;
    color: #999;
    width: 110px;
    margin-top: 5px;
    text-align: center
}

.driver-popover-title {
    color: #fff !important;
    font-weight: 700 !important
}

#driver-highlighted-element-stage {
    border-radius: 20px !important
}

.driver-fix-stacking {
    position: relative !important
}

#driver-popover-item {
    background: linear-gradient(130deg, #709bff, #4b80ff) !important;
    max-width: 500px !important
}

.driver-popover-tip {
    border-width: 15px !important;
    top: -23px !important;
    border-color: transparent transparent #709bff !important
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.flexRow {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexCol, .flexRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.flexCol {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.row-left-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-left-middle, .row-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row-left-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-center-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-center-middle, .row-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-right-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-right-middle, .row-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row-right-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-left-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-left-middle, .col-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.col-left-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-center-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-center-middle, .col-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.col-center-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-right-middle, .col-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-right-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-right-bottom {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-bottom, .operate-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.operate-view {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 440px;
    height: 480px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(73, 144, 241, .2);
    box-shadow: 0 0 20px 0 rgba(73, 144, 241, .2);
    margin-left: 35px
}

.operate-view .wrapper {
    width: 320px;
    margin-top: 80px
}

.operate-view .wrapper.wechat {
    margin-top: 40px
}

.operate-view .wrapper .input {
    margin-top: 70px
}

.operate-view .wrapper .send-button {
    margin-top: 60px
}

.operate-view .wrapper .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.operate-view .wrapper .bottom.wechat {
    margin-top: 40px
}

.operate-view .wrapper .bottom .phone-container {
    margin-top: 15px
}

.operate-view .wrapper .bottom .phone-container, .operate-view .wrapper .bottom .wechat-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.operate-view .wrapper .bottom .wechat-wrapper {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background: #00c25f;
    color: #fff;
    margin-top: 50px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.operate-view .wrapper .bottom .wechat-wrapper:hover {
    background: #00b157
}

.operate-view .wrapper .bottom .wechat-wrapper .icon {
    font-size: 24px
}

.operate-view .wrapper .bottom .phone-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background: #4490f1;
    color: #fff;
    margin-top: 50px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 200
}

.operate-view .wrapper .bottom .phone-wrapper:hover {
    background: #2d81f7
}

.operate-view .wrapper .bottom .phone-wrapper .icon {
    font-size: 22px
}

.operate-view .wrapper .bottom .third-text {
    color: #ccc;
    margin-top: 10px
}

.rebind-dialog .el-dialog--center .el-dialog__body {
    text-align: center;
    padding: 20px 60px 0
}

.rebind-dialog .icon {
    font-size: 54px;
    color: #4490f1;
    display: block;
    text-align: center
}

.rebind-dialog .dialog-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.rebind-dialog .dialog-text {
    margin: 30px 0 40px;
    color: #333;
    font-size: 16px;
    letter-spacing: 1px
}

.rebind-dialog .button-wrapper {
    width: 140px
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.info-wrapper {
    width: 440px;
    padding-left: 74px;
    padding-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-wrapper.translucent {
    opacity: .5;
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.info-wrapper .code-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1
}

.info-wrapper .code-wrapper .code-img {
    width: 140px;
    height: 140px;
    margin-bottom: 22px
}

.info-wrapper .code-wrapper .wechat-code-wrapper {
    margin-left: 46px
}

.info-wrapper .code-wrapper .icon {
    color: #00c25f;
    margin-right: 5px;
    font-size: 18px
}

.info-wrapper .code-wrapper .code-text {
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 21px
}

.info-wrapper .slogan {
    height: 68px;
    width: 318px;
    margin-top: 70px;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 4px;
    color: #000;
    line-height: 44px;
    text-align: center
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.flexRow {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexCol, .flexRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.flexCol {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.row-left-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-left-middle, .row-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row-left-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-center-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-center-middle, .row-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-right-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-right-middle, .row-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row-right-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-left-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-left-middle, .col-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.col-left-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-center-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-center-middle, .col-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.col-center-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-right-middle, .col-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-right-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-right-bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-bottom, .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tips {
    margin-top: 30px;
    font-size: 12px;
    margin-left: 15px;
    width: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

 .el-dialog__headerbtn {
    top: 30px;
    right: 30px
}

 .el-dialog__headerbtn /deep/ .el-icon-close {
    font-size: 20px
}

 .el-dialog__header {
    padding: 15px 0 0
}

 .el-dialog {
    background-color: #f7fbff;
    background-image: url("");
    background-repeat: repeat
}

 .el-dialog--center .el-dialog__body {
    text-align: center;
    padding: 20px 60px 0
}

.icon {
    font-size: 54px;
    color: #4490f1;
    display: block;
    text-align: center
}

.dialog-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.dialog-text {
    margin: 30px 0 40px;
    color: #333;
    font-size: 16px;
    letter-spacing: 1px
}

.button-wrapper {
    width: 140px
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.el-dialog {
    border-radius: 4px !important
}

.el-dialog__wrapper {
    overflow: hidden !important
}

.el-scrollbar__wrap {
    overflow-x: hidden !important
}

.el-scrollbar__bar.is-vertical {
    width: 7px !important
}

:not(i) {
    font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif
}

body, div, html, span {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    height: 100%
}

.app-container {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    font-size: 14px;
    color: #666;
    height: 100%;
    background: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    min-width: 1200px
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.v-link {
    color: #666;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-link.dark {
    color: #333
}

.v-link .iconfont {
    margin-right: 3px
}

.v-link.selected, .v-link:hover {
    color: #4490f1
}

.v-link.clickable {
    cursor: pointer
}

.v-link.highlight:hover {
    color: #70adff
}

.v-link .el-icon-loading {
    font-size: 20px
}

.maintain {
    opacity: .3
}

.inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-card {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04);
    border-radius: 4px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.v-card:hover {
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.v-card.clickable {
    cursor: pointer
}

.v-card .maintenance-wrapper {
    position: absolute;
    z-index: 299;
    background: #ff5f5f;
    padding: 2px 12px;
    color: #fff;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 16px;
    font-weight: 400px
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

 .el-tabs__nav-wrap:after {
    background-color: transparent
}

 .el-tabs__nav-wrap .el-tabs__active-bar {
    height: 4px
}

 .el-tabs__nav-wrap .el-tabs__item {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: 1px
}

 .el-tabs__nav-wrap .el-tabs__item.is-active {
    font-weight: 700
}

.pagination {
    text-align: center;
    color: #999
}

.pagination .el-pager li {
    font-size: 14px;
    font-weight: 400
}

.pagination .el-pager li.active {
    color: #4490f1;
    font-weight: 700
}

.table-wrapper .el-table {
    font-size: 12px
}

.table-wrapper .el-table thead {
    color: #666
}

.table-wrapper .el-table th {
    padding: 5px;
    background-color: #e8f2ff
}

.table-wrapper .el-table .el-table__body {
    color: #333
}

.table-wrapper .el-table .el-table__body tr:hover > td {
    background-color: transparent
}

.table-wrapper .el-table .el-table__body .el-table__row--striped:hover > td {
    background-color: #fafafa
}

.table-wrapper .pagination {
    margin-top: 100px;
    text-align: center;
    color: #999;
    height: 42px
}

.table-wrapper .pagination .el-pager li {
    font-size: 14px;
    font-weight: 400
}

.table-wrapper .pagination .el-pager li.active {
    color: #4490f1;
    font-weight: 700
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.v-select {
    width: 100%
}

.v-select .el-input__inner {
    border: none;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #eee
}

.v-select .el-input__suffix {
    right: 0
}

 input::-webkit-input-placeholder {
    color: #ccc
}

 input::-moz-input-placeholder {
    color: #ccc
}

 input::-ms-input-placeholder {
    color: #ccc
}

.mt20 {
    margin-top: 20px
}

.form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-item .label {
    color: #999;
    letter-spacing: 1px
}

.form-item .content {
    color: #333;
    display: block;
    width: 650px;
    letter-spacing: 1px
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.v-address {
    width: 100%
}

.v-address .el-input__inner {
    border: none;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #eee
}

.v-address .el-input__suffix {
    right: 0
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.v-date-picker {
    width: 100% !important
}

.v-date-picker .el-input__inner {
    border: none;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #eee
}

.v-date-picker .el-input__suffix {
    right: 0
}

.v-date-picker .el-input__prefix {
    display: none
}

 input::-webkit-input-placeholder {
    color: #ccc
}

 input::-moz-input-placeholder {
    color: #ccc
}

 input::-ms-input-placeholder {
    color: #ccc
}

.title {
    letter-spacing: 1px;
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.affix {
    position: fixed;
    z-index: 100
}

.el-autocomplete-suggestion {
    margin-top: 2px !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
    display: none !important
}

.el-form-item__label {
    color: #999 !important;
    letter-spacing: 1px
}

.block {
    height: 14px;
    width: 4px;
    background: #4990f1;
    margin-right: 6px;
    border-radius: 2px
}

.split {
    border-left: 1px solid #eee;
    width: 1px;
    height: 16px;
    margin: 0 10px
}

.el-cascader-menu__wrap {
    height: 200px !important
}

.lineup .el-icon-warning-outline {
    font-size: 40px;
    color: #333
}

.lineup .el-loading-text {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 20px !important
}

.flexRow {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexCol, .flexRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.flexCol {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.row-left-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-left-middle, .row-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row-left-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-center-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-center-middle, .row-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-right-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-right-middle, .row-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row-right-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-left-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-left-middle, .col-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.col-left-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-center-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-center-middle, .col-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.col-center-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-center-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.col-right-middle, .col-right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-right-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col-right-bottom {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.col-right-bottom, .hospital-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.hospital-search {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hospital-search .search-input {
    width: 100%
}

.hospital-search .search-input .el-input__inner {
    padding-left: 48px;
    padding-right: 58px;
    padding-top: 1px;
    height: 61px;
    font-size: 16px;
    color: #333;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #eee
}

.hospital-search .search-input.small .el-input__inner {
    height: 43px;
    font-size: 14px
}

.hospital-search .search-input.small .search-btn {
    font-size: 14px
}

.hospital-search .search-input .el-input__inner:hover {
    border-bottom-color: #ddd
}

.hospital-search .search-input .el-input__prefix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    left: 10px !important;
    padding: 0 10px
}

.hospital-search .search-input .el-input__suffix {
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hospital-search .search-input .search-btn {
    font-weight: 700;
    font-size: 16px
}

.hospital-search .focus-line {
    height: 1px;
    background: #4990f1;
    margin-top: -1px;
    position: relative;
    width: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.hospital-search .focus {
    width: 100%
}

.markdown-panel {
    min-height: 300px
}

.page-component__scroll{
    height: 100%;
}
.page-component__scroll .el-scrollbar__wrap {
    overflow-x: auto;
}
